$(function () {
    var items = $(".carousel-inner .item");
    // 监听窗口尺寸大小
    $(window).resize(function () {
        var width = $(this).width();
        if (width >= 768) {
            $(items).each(function (index, item) {
                var str = `<a href="" class="PCimg hidden-xs" style="background-image:url('./images/slide_0${index + 1}_2000x410.jpg')"></a>`;
                $(this).html(str);
            })
        } else {
            $(items).each(function (index, item) {
                var str = ` <a href="" class="mobileImg hidden-sm hidden-md hidden-lg">
                                <img src="./images/slide_0${index + 1}_640x340.jpg" alt="">
                            </a>`;
                $(this).html(str);
            })
        }
    }).trigger("resize");

    // PC端轮播图添加背景图片

    // 移动端触屏事件
    // 拿到轮播图对象
    var nav = $('.wjs_banner')[0];
    // 初识位置
    nav.addEventListener('touchstart', function (e) {
        startX = e.targetTouches[0].clientX;
    })

    // 末尾位置
    nav.addEventListener('touchend', function (e) {
        endX = e.changedTouches[0].clientX;
        // 判断
        if (endX > startX) {
            $(".carousel").carousel("prev")
        } else {
            $(".carousel").carousel("next")
        }
    })
    // bootstrap 工具提示 初始化
    $('[data-toggle="tooltip"]').tooltip();

    // 产品导航滚动相关
    /*
        1.获取li的宽度
        2.累加求和
        3.设置ul宽度
    */
    var lis = $(".wjs_products .nav-tabs li");
    var totalWidth = 0;
    lis.each(function (item, index) {
        var w = $(this).outerWidth(true);
        totalWidth += w;
    })
    // 给ul设置宽度
    $(".wjs_products .nav-tabs").width(totalWidth);

    // 第三方滚动插件
    var myScroll = new IScroll("#wjs-nav-parent",{
        scrollX:true,
        scrollY:false
    });
    // myScroll.refresh();
    // 导航条点击事件
    $(".wjs_nav .navbar-nav li").click(function(){
        $(this).addClass("active").siblings("li").removeClass("active");
        $(this).parent("ul").siblings("ul").children("li").removeClass("active");
    })
})